<style type="text/css"></style>
<template>
	<div style="text-align:left;padding:20px">
		<h2 style="text-align:center">文档说明</h2>
		<blockquote>
  <p>本工程已集成bootstrap、jquery、axios网络框架、vue-router、mescroll下拉滚动插件、vueBus组件间通信（轻量级vuex）</p>

 
</blockquote>

  <div >网络请求     <router-link to="/login"> /login</router-link></div>
  <pre>
 var obj = new Object()
obj.username = this.username;
obj.pwd = this.pwd;
 this.$http.post(this.utils.baseUrl+'/apiCheckUser', obj)
    .then(function (response) {
        console.log(response);
        var data = response.data;
        if(data.code ==1)
        {
           
  
        }
        else{
            
          
        }


    })
    .catch(function (error) {
        console.log(error);
    });
  </pre>
</br>


   <div >下拉刷新上拉加载更多列表    <router-link to="/dataList"> /dataList</router-link></div>
  <pre>
      参考官网相关文档 ：http://www.mescroll.com/index.html
          var mescroll = new MeScroll("mescroll", { //第一个参数"mescroll"对应上面布局结构div的id
            //如果您的下拉刷新是重置列表数据,那么down完全可以不用配置,具体用法参考第一个基础案例
            //解析: down.callback默认调用mescroll.resetUpScroll(),而resetUpScroll会将page.num=1,再触发up.callback
        down: {
          callback: downCallback //下拉刷新的回调,别写成downCallback(),多了括号就自动执行方法了
        },
        up: {
          callback: upCallback , //上拉加载的回调
          isBounce: false //如果您的项目是在iOS的微信,QQ,Safari等浏览器访问的,建议配置此项.解析(必读)
        }
      });
            
          //方法三(推荐): 您有其他方式知道是否有下一页 hasNext
          //必传参数(当前页的数据个数, 是否有下一页true/false)
          //mescroll.endSuccess(curPageData.length, hasNext);
              

          //联网失败的回调,隐藏下拉刷新和上拉加载的状态
          mescroll.endErr();
  </pre>

</br>
   <div >vueBus 事件参数传递  </div>
  <pre>
     事件发送  多个参数
    $bus.emit('setTitle',参数1,参数2);

    事件接受   
      this.$bus.on('setTitle',(参数1,参数2)=>{

                  

             });
  </pre>
	</div>
</template>